---
sidebar_position: 5
---

import View360, { EVENTS } from "@site/src/components/View360";

```ts
import { EVENTS, LoadEvent } from "@egjs/view360";

// Typescript
const onLoad = (evt: LoadStartEvent) => {};

view360.on(EVENTS.LOAD, onLoad);
```

An event that fires right after the content is loaded & before showing it. 로드된 직후 발생하는 이벤트.

## Properties
### src: string | HTMLElement | Array<string \| HTMLElement>
Source URL / HTMLElement to load

### video: [VideoConfig](/docs/api/Interface/VideoConfig)
Source's video option

:::info
The example below intentionally disabled all controls for event order checking.

The following is a list of available events in the example:
- "loadStart", "load", "ready", "projectionChange"
:::

<View360
  projectionOptions={{
    src: "/pano/equirect/veste.jpg"
  }}
  license="veste"
  clickToLoad={true}
  rotate={false}
  zoom={false}
  gyro={false}
  showControlBar={false}
  showEvents={[EVENTS.LOAD_START, EVENTS.LOAD, EVENTS.READY, EVENTS.PROJECTION_CHANGE]} />
